import { lazy } from "react";
import {
  DesktopOutlined,
  FileOutlined,
  PieChartOutlined,

} from "@ant-design/icons";
const Layout=lazy(()=>import("../pages/Layout"))
const Home=lazy(()=>import("../pages/Home"))
const List=lazy(()=>import("../pages/List"))
const Table=lazy(()=>import("../pages/Table"))


export const handleHomes=[
    {
        path:"/",
        element:<Home></Home>,
        title:"首页",
        icon:<DesktopOutlined></DesktopOutlined>
    },
    {
        path:"/list",
        element:<List></List>,
        title:"列表",
        icon:<FileOutlined></FileOutlined>
    },
    {
        path:"/table",
        element:<Table></Table>,
        title:"表格",
        icon:<PieChartOutlined></PieChartOutlined>
    }
]


export const routes=[
    {
        path:"/",
        element:<Layout></Layout>,
        children:handleHomes
    }
]